<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>档案查询</title>

    <link rel="stylesheet" href="../../plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../../css/global.css" media="all">
    <link rel="stylesheet" href="../../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../css/table.css" />
</head>
<body>
<div style="margin: 15px;">

    <div class="layui-tab layui-tab-card" style="margin-top: 20px;" lay-filter="demo" lay-allowClose="true">
        <ul class="layui-tab-title">
            <li class="layui-this">档案查询</li>
        </ul>
        <div class="layui-tab-content" style="height: auto">
            <div class="layui-tab-item layui-show">
                <object style="border:0px;" type="text/x-scriptlet" data="OperaInspection/OperaItemsList.html" width="100%" height="600px"></object>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../../plugins/layui/layui.js"></script>
<script>

    layui.use('element', function() {
        var $ = layui.jquery,
            element = layui.element(); //Tab的切换功能，切换事件监听等，需要依赖element模块

        //触发事件
        var active = {
            tabAdd: function() {
                //新增一个Tab项
                element.tabAdd('demo', {
                    title: '新选项' + (Math.random() * 1000 | 0) //用于演示
                    ,
                    content: '内容' + (Math.random() * 1000 | 0)
                })
            },
            tabDelete: function() {
                //删除指定Tab项
                element.tabDelete('demo', 2); //删除第3项（注意序号是从0开始计算）
            },
            tabChange: function() {
                //切换到指定Tab项
                element.tabChange('demo', 1); //切换到第2项（注意序号是从0开始计算）
            }
        };

        $('.site-demo-active').on('click', function() {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
</script>

</body>
</html>